<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2023-02-23 10:15:33
 * @LastEditors: huangtianyang
 * @LastEditTime: 2023-07-27 10:44:57
 * @FilePath: \cxl-h5\src\components\hotLine.vue
-->
<template>
    <section class="hot-line">
        <a href="tel:400-666-6666"><img src="../assets/images/icon_kfrx@3x.png" alt="" />400-666-6666</a>
    </section>
</template>
<script setup lang="ts"></script>
<style scoped lang="scss">
.hot-line {
    text-align: center;
    margin: var(--cxl-size-12) 0;
    margin-bottom: env(safe-area-inset-bottom);
    display: flex;
    text-align: center;
    padding-bottom: var(--cxl-size-12);
    a {
        font-size: var(--cxl-size-14);
        color: var(--cxl-color-primary);
        display: flex;
        text-align: center;
        margin: auto;
        display: flex;
        align-items: center;
        img {
            display: block;
            width: var(--cxl-size-16);
            height: var(--cxl-size-16);
            margin-right: 0.35rem;
        }
    }
}
</style>
